<template>
	<section id="nav-section" class="navbar nav-delighted navbar-default">
		<div class="navbar-header nav-header">
			<router-link to="/" class="navbar-brand">SPRING</router-link>
		</div>
		<div class="collapse navbar-collapse">
			<ul class="nav navbar-nav navbar-right">
				<li>
					<a class="nav-item" @click="logout"><span class="icon is-small"><i class="fa fa-power-off"></i></span> 注销</a>
				</li>
			</ul>
		</div>
	</section>
</template>
<script>
export default {
	data(){
		return {
			
		}
	},
	methods:{
		logout(){
		}
	}
}

</script>
<style>
	#nav-section{background:rgb(0, 151, 129);margin-bottom: 0;border:0;border-radius: 0;color: #fff;}
	.nav-header{line-height: 50px;}
	.nav-header a{color: #fff;font-size: 22px;font-weight: 600;}
	.navbar-default .navbar-brand,.navbar-default .navbar-brand:hover{color: #fff;}
	#nav-section .navbar-right a{color: rgba(255,255,255,.7)}
	#nav-section .navbar-right a:hover{color:#fff;cursor: pointer;}
</style>